<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>洞口消防协会 - 联系我们</title>
    <meta name="keywords" content="洞口消防协会" />
    <meta name="description" content="洞口消防协会" />
    <link rel="stylesheet" href="../style/base.css">
    <link rel="stylesheet" href="../style/inside.css">
    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/jquery.superslide.2.1.1.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/adver.js"></script>
    <script>
        function check(form) {
            if (form.title.value == "") {
                alert("请输入留言标题！");
                form.title.focus();
                return false;
            }
            if (form.name.value == "") {
                alert("请输入您的姓名！");
                form.name.focus();
                return false;
            }
            if (form.content.value == "") {
                alert("请输入留言内容！");
                form.content.focus();
                return false;
            }
            return false;
        }
    </script>
</head>

<body>
    <div class="header">
        <!-- 头部 -->
        <div class="topArea g-in clearfix">

            <div class="logo">
                <a href="ml">
                    <img src="../Images/log.png" width="564" height="50">
                </a>
            </div>

            <div class="code clearfix">
                <i>
					<img src="../Images/code.jpg" width="66" height="65" >
				</i>
                <span>扫一扫<b>关注我们</b></span>
            </div>
        </div>
        <!-- 导航栏目 -->
        <div class="nav g-in">
            <ul class="clearfix">
                <li>
                    <a href="home.html" class="current">网站首页</a>
                </li>
                <li>
                    <a href="associety.html">关于协会</a>
                    <div class="subnav">
                        <dl>
                            <dt><a href="">协会简介</a></dt>
                            <dt><a href="">协会章程</a></dt>
                            <dt><a href="">组织机构</a></dt>
                            <dt><a href="">会员管理</a></dt>
                            <dt><a href="">联系方式</a></dt>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="vipPerson.html">会员之家</a>
                    <div class="subnav">
                        <dl>
                            <dt><a href="">会员风采</a></dt>
                            <dt><a href="">会员分布</a></dt>
                            <dt><a href="">行业文化</a></dt>
                            <dt><a href="">项目资源</a></dt>
                            <dt><a href="">人才库</a></dt>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="newsInfo.html">动态要闻</a>
                    <div class="subnav">
                        <dl>
                            <dt><a href="">协会动态</a></dt>
                            <dt><a href="">通知公告</a></dt>
                            <dt><a href="">通知公告</a></dt>
                            <dt><a href="">通知公告</a></dt>
                            <dt><a href="">通知公告</a></dt>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="layers.html">法律法规</a>
                    <div class="subnav">
                        <dl>
                            <dt><a href="">法律</a></dt>
                            <dt><a href="">信息披露</a></dt>
                            <dt><a href="">公司治理</a></dt>
                            <dt><a href="">并购重组与再融资</a></dt>
                            <dt><a href="">其他规定</a></dt>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="contactUs.html">联系我们</a>
                </li>
            </ul>
        </div>
        <script>
            $(".nav").find("li").hover(function() {
                $(this).find(".subnav").stop().slideToggle(300);
            })
        </script>

        <!-- 幻灯片切换 -->
        <div class="banner">
            <div class="bd">
                <ul>
                    <li><img src="../Images/picture1.jpg" width="1000" height="146" alt="banner图"></li>
                    <li><img src="../Images/picture2.jpg" width="1000" height="146" width="1000" alt="banner图"></li>
                </ul>
            </div>
            <div class="hd">
                <ul></ul>
            </div>
        </div>
        <script>
            jQuery(".banner").slide({
                titCell: ".hd ul",
                mainCell: ".bd ul",
                autoPlay: true,
                autoPage: true
            })
        </script>
    </div>

    <div class="container">
        <div class="wrap clearfix">
            <div class="sidebar">
                <h2 class="leftTitle">
                    <i>联系我们</i>
                    <s>Contact Us</s>
                </h2>
                <div class="menu">
                    <ul>
                        <li>
                            <a href="" class="current">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="main">
                <div class="location">
                    <p>
                        <a href="" class="u-home">首页</a>
                        <a href="">联系我们</a>
                        <a href="">联系我们</a>
                    </p>
                    <h3>联系我们</h3>
                </div>

                <div class="hr">
                    <dl class="hr-list">
                        <dd class="info">
                            <p>
                                <span style="font-size: 14px;">地 址： 洞口.合肥市蒙城路109号国家税务总局洞口省税务局杏花办公区17楼</span>
                            </p>
                            <p>
                                <span style="font-size: 14px;">邮 编： 230061</span>
                            </p>
                            <p>
                                <span style="font-size:14px;">邮 箱：ahssgsxhvip@163.com</span>
                            </p>
                            <p> &nbsp;</p>
                        </dd>
                    </dl>
                </div>

                <div class="contact-map" style="margin-bottom:20px;">
                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                    <html xmlns="http://www.w3.org/1999/xhtml">

                    <head>
                        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
                        <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
                        <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
                        <title>百度地图API自定义地图</title>
                        <!--引用百度地图API-->
                        <style type="text/css">
                            html,
                            body {
                                margin: 0;
                                padding: 0;
                            }
                            
                            .iw_poi_title {
                                color: #CC5522;
                                font-size: 14px;
                                font-weight: bold;
                                overflow: hidden;
                                padding-right: 13px;
                                white-space: nowrap
                            }
                            
                            .iw_poi_content {
                                font: 12px arial, sans-serif;
                                overflow: visible;
                                padding-top: 4px;
                                white-space: -moz-pre-wrap;
                                word-wrap: break-word
                            }
                        </style>
                        <script type="text/javascript" src="../js/map.js"></script>
                    </head>

                    <body>
                        <!--百度地图容器-->
                        <div style="width:1000px;height:550px;border:#ccc solid 1px;margin:0 auto;" id="dituContent"></div>
                    </body>
                    <script type="text/javascript">
                        //创建和初始化地图函数：
                        function initMap() {
                            createMap(); //创建地图
                            setMapEvent(); //设置地图事件
                            addMapControl(); //向地图添加控件
                            addMarker(); //向地图中添加marker
                        }

                        //创建地图函数：
                        function createMap() {
                            var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
                            var point = new BMap.Point(117.314935, 31.920892); //定义一个中心点坐标
                            map.centerAndZoom(point, 12); //设定地图的中心点和坐标并将地图显示在地图容器中
                            window.map = map; //将map变量存储在全局
                        }

                        //地图事件设置函数：
                        function setMapEvent() {
                            map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
                            map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
                            map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
                            map.enableKeyboard(); //启用键盘上下左右键移动地图
                        }

                        //地图控件添加函数：
                        function addMapControl() {
                            //向地图中添加缩放控件
                            var ctrl_nav = new BMap.NavigationControl({
                                anchor: BMAP_ANCHOR_TOP_LEFT,
                                type: BMAP_NAVIGATION_CONTROL_LARGE
                            });
                            map.addControl(ctrl_nav);
                            //向地图中添加缩略图控件
                            var ctrl_ove = new BMap.OverviewMapControl({
                                anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
                                isOpen: 1
                            });
                            map.addControl(ctrl_ove);
                            //向地图中添加比例尺控件
                            var ctrl_sca = new BMap.ScaleControl({
                                anchor: BMAP_ANCHOR_BOTTOM_LEFT
                            });
                            map.addControl(ctrl_sca);
                        }

                        //标注点数组
                        var markerArr = [{
                            title: "洞口消防协会",
                            content: "地 址： 洞口.合肥市蒙城路109号省地税局大厦17楼<br/>邮 编： 230061<br/>邮 箱：ahssgsxh@163.com",
                            point: "117.284752|31.876748",
                            isOpen: 1,
                            icon: {
                                w: 21,
                                h: 21,
                                l: 0,
                                t: 0,
                                x: 6,
                                lb: 5
                            }
                        }];
                        //创建marker
                        function addMarker() {
                            for (var i = 0; i < markerArr.length; i++) {
                                var json = markerArr[i];
                                var p0 = json.point.split("|")[0];
                                var p1 = json.point.split("|")[1];
                                var point = new BMap.Point(p0, p1);
                                var iconImg = createIcon(json.icon);
                                var marker = new BMap.Marker(point, {
                                    icon: iconImg
                                });
                                var iw = createInfoWindow(i);
                                var label = new BMap.Label(json.title, {
                                    "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20)
                                });
                                marker.setLabel(label);
                                map.addOverlay(marker);
                                label.setStyle({
                                    borderColor: "#808080",
                                    color: "#333",
                                    cursor: "pointer"
                                });

                                (function() {
                                    var index = i;
                                    var _iw = createInfoWindow(i);
                                    var _marker = marker;
                                    _marker.addEventListener("click", function() {
                                        this.openInfoWindow(_iw);
                                    });
                                    _iw.addEventListener("open", function() {
                                        _marker.getLabel().hide();
                                    })
                                    _iw.addEventListener("close", function() {
                                        _marker.getLabel().show();
                                    })
                                    label.addEventListener("click", function() {
                                        _marker.openInfoWindow(_iw);
                                    })
                                    if (!!json.isOpen) {
                                        label.hide();
                                        _marker.openInfoWindow(_iw);
                                    }
                                })()
                            }
                        }
                        //创建InfoWindow
                        function createInfoWindow(i) {
                            var json = markerArr[i];
                            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
                            return iw;
                        }
                        //创建一个Icon
                        function createIcon(json) {
                            var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), {
                                imageOffset: new BMap.Size(-json.l, -json.t),
                                infoWindowOffset: new BMap.Size(json.lb + 5, 1),
                                offset: new BMap.Size(json.x, json.h)
                            })
                            return icon;
                        }

                        initMap(); //创建和初始化地图
                    </script>

                    </html>
                </div>

                <div class="form-panel">
                    <h4>发送留言</h4>

                    <form name="form_contact" method="POST" onsubmit="return check(this);" action="">
                        <ul>
                            <li class="field">
                                <div class="input">
                                    <label for="title">标题：</label>
                                    <input name="title" type="text" size="50" maxlength="50" class="text">
                                </div>
                            </li>
                            <li class="field">
                                <div class="input">
                                    <label for="name">姓名：</label>
                                    <input name="name" type="text" size="20" maxlength="50" class="text">
                                </div>
                            </li>
                            <li class="field">
                                <div class="input">
                                    <label for="company">单位：</label>
                                    <input name="company" type="text" size="40" maxlength="50" class="text" />
                                </div>
                            </li>
                            <li class="field">
                                <div class="input">
                                    <label for="address">地址：</label>
                                    <input name="address" type="text" size="40" maxlength="50" class="text" />
                                </div>
                            </li>
                            <li class="field">
                                <div class="input">
                                    <label for="phone">电话：</label>
                                    <input name="phone" type="text" size="40" maxlength="50" class="text" />
                                </div>
                            </li>
                            <li class="field">
                                <div class="input">
                                    <label for="fax">传真：</label>
                                    <input name="fax" type="text" size="40" maxlength="50" class="text" />
                                </div>
                            </li>
                            <li class="field">
                                <div class="input">
                                    <label for="email">邮箱：</label>
                                    <input name="email" type="text" size="40" maxlength="50" class="text" />
                                </div>
                            </li>
                            <li class="field">
                                <div class="input">
                                    <label for="content">留言内容：</label>
                                    <textarea name="content" cols="60" rows="6" class="textarea"></textarea>
                                </div>
                            </li>
                            <li class="field">
                                <div class="input">
                                    <label for="code">验证码：</label>
                                    <input class="text" type="text" maxlength="20" size="10" id="code" name="code" />
                                    <img id="code_img" src="Picture/code.asp" alt="点击刷新验证码" onClick="this.src='code.asp?t='+Math.random();form_reg.code.focus();" style="cursor:pointer;" />
                                </div>
                            </li>
                            <li class="submit-field">
                                <div class="input clearfix"><input type="submit" value="提交" class="btn-submit" /><input type="reset" value="重置" class="btn-reset" /></div>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- 友情链接和底部 -->
    <div class="friendly_link g-in clearfix">
        <span>友情链接：</span>
        <div class="bd">
            <ul class="clearfix">

                <li><a href="http://edu.sse.com.cn/" target="_blank">上交所投资者教育</a></li>

                <li><a href="http://www.csrc.gov.cn/pub/newsite/" target="_blank">中国证券监督管理委员会</a></li>

                <li><a href="http://www.capco.org.cn/" target="_blank">中国上市公司协会</a></li>

                <li><a href="http://www.sse.com.cn/" target="_blank">上海证券交易所</a></li>

                <li><a href="http://www.szse.cn/" target="_blank">深圳证券交易所</a></li>

            </ul>
        </div>
    </div>

    <div class="footer g-in clearfix">
        <div class="g-netWork clearfix">
            <dl>
                <dt><a href="#">关于协会</a></dt>

                <dd><a href="info.asp?base_id=1 & second_id=1001">协会简介</a></dd>

                <dd><a href="info.asp?base_id=1 & second_id=1002">协会章程</a></dd>

                <dd><a href="info.asp?base_id=1 & second_id=1003">组织机构</a></dd>

                <dd><a href="info.asp?base_id=1 & second_id=1006">会员管理</a></dd>

                <dd><a href="info.asp?base_id=1 & second_id=1007">联系方式</a></dd>

            </dl>
            <dl>
                <dt><a href="#">会员之家</a></dt>

                <dd><a href="info.asp?base_id=2 & second_id=2003">会员风采</a></dd>

                <dd><a href="info.asp?base_id=2 & second_id=2004">会员分布</a></dd>

                <dd><a href="info.asp?base_id=2 & second_id=2006">行业文化</a></dd>

                <dd><a href="info.asp?base_id=2 & second_id=2007">项目资源</a></dd>

                <dd><a href="info.asp?base_id=2 & second_id=2008">人才库</a></dd>

            </dl>
            <dl>
                <dt><a href="#">动态要闻</a></dt>

                <dd><a href="info.asp?base_id=3 & second_id=3004">协会动态</a></dd>

                <dd><a href="info.asp?base_id=3 & second_id=3005">通知公告</a></dd>

                <dd><a href="info.asp?base_id=3 & second_id=3007">监管纪事</a></dd>

                <dd><a href="info.asp?base_id=3 & second_id=3008">视频分享</a></dd>

                <dd><a href="info.asp?base_id=3 & second_id=3009">照片展播</a></dd>

            </dl>
            <dl>
                <dt><a href="#">法律法规</a></dt>

                <dd><a href="">法律</a></dd>

                <dd><a href="">信息披露</a></dd>

                <dd><a href="">公司治理</a></dd>

                <dd><a href="">并购重组与再融资</a></dd>

                <dd><a href="">其他规定</a></dd>

            </dl>
        </div>
        <div class="site">
            <div class="tel">
                <span>咨询热线：<b>0551-65116435</b></span>
            </div>
            <div class="ft">
                <p>
                    <a href="#">Copyright &copy; 2016</a> <a href="#">版权所有</a> <a href="#">洞口消防协会</a>
                </p>
                <p>
                    地址：洞口合肥市蒙城路109号国家税务总局洞口省税务局（杏花办公区）17楼
                </p>
                <p>
                    <a href="banquanshengming.asp" target="_blank">免责声明</a>&nbsp;&nbsp;<a href="http://beian.miit.gov.cn/" target="_blank">皖ICP备09018285号-1</a>
                </p>
                <p>
                    设计制作：<a href=http://www.ibw.cn target="_blank">网新科技</a>
                </p>
            </div>
        </div>
    </div>
</body>

</html>